<template>
    <view class="posDetailed">
       <u-navbar :is-back="true" title="商户详情" back-text='' >
      <view class="slot-right" style="width: 100%;display: flex;justify-content: flex-end;" >
				<!-- <view>
                <img @click="goSettingM" style="width: 1rem;padding: 1rem;" src="../../style/image/my/设 置.png" alt="">
                </view> -->
			</view>
      </u-navbar>

        <view class="tabwiperC">
      
      <u-tabs-swiper
        ref="tabs"
        :list="list"
        active-color="#4dbf92"
        inactive-color=""
        count="count"
        height="80"
        :is-scroll="false"
        :current="current"
        bar-width="80"
        gutter="80"
        @change="tabsChange"
      ></u-tabs-swiper>

    <view v-if="current==0">
    
    <view  class="A">

      <view class="posInfoP">

                <view class="posInfoP-top">

                <view>·基础信息·</view>

                <view class="posInfoP-top-right">
                           <view class="items" @click="goEditBasicM"  >
                            <img src="../../style/image/myPos/edit.png" alt="">
                            <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #02AF74;" >编辑</view>
                           </view>
                           <view  class="items" >
                            <img src="../../style/image/myPos/pos.png" alt="">
                            <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #02AF74;" >导航</view>
                           </view>
                </view>

                </view>

                <view  class="posInfoP-bottom" >
                    
                    <view class="imgP">
                      <u-image :border-radius='30' width="100%" height="6rem" :src="src"></u-image>
                    </view>

                    <view style="margin: 0.5rem 0rem;">   
                        <view style="
font-size: 0.7rem;
font-family: PingFang SC;
font-weight: 400;
margin:0.5rem;
color: #000000;" >拉卡拉总代理</view>
                        <view style="
font-size: 0.6rem;
font-family: PingFang SC;
font-weight: 300;
margin:0.5rem;
color: #333333;">创建时间：2020-08-12</view>
                        <view style="
font-size: 0.6rem;
font-family: PingFang SC;
font-weight: 300;
margin:0.5rem;
color: #333333;">地址：安徽省合肥市瑶海区珍珠路8号区
珍珠路8号区珍珠路8号区珍珠路
</view>
                    </view>
                
                </view>

             </view>

             <view class="a" >
                    <view class="texts" >·商户订单·</view>
                    <view class="texts" >查看订单>></view>
             </view>


             <view class="b">

             <view class="posInfoP">

                <view class="posInfoP-top">

                <view>·基础信息·</view>

                <view class="posInfoP-top-right">
                           <view class="items" >
                            <img src="../../style/image/myPos/edit.png" alt="">
                            <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #02AF74;" >编辑</view>
                           </view>
                           
                </view>

                </view>

                <view  class="fen" >

                    <view class="itemss">
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;" >联系人</view>
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;">曾伟</view>
                    </view>
                      <view class="itemss">
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;" >联系人</view>
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;">曾伟</view>
                    </view>  <view class="itemss">
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;" >联系人</view>
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;">曾伟</view>
                    </view>  <view class="itemss">
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;" >联系人</view>
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;">曾伟</view>
                    </view>
                   
                
                </view>

                

             </view>
             
             </view>



                 <view class="b">

             <view class="posInfoP">

                <view class="posInfoP-top">

                <view>·充电宝设备资费·</view>

                <view class="posInfoP-top-right">
                           <view class="items" >
                            <img src="../../style/image/myPos/edit.png" alt="">
                            <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #02AF74;" >编辑</view>
                           </view>
                           
                </view>

                </view>

                <view  class="fen" >

                    <view class="itemss">
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;" >联系人</view>
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;">曾伟</view>
                    </view>
                      <view class="itemss">
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;" >联系人</view>
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;">曾伟</view>
                    </view>  <view class="itemss">
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;" >联系人</view>
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;">曾伟</view>
                    </view>  <view class="itemss">
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;" >联系人</view>
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;">曾伟</view>
                    </view>
                   
                
                </view>

                

             </view>
             
             </view>

    
    </view>

           

    </view>
    <view v-else>
              <view class="searchPP">

      <view class="searchP">
        <view class="search" :style="{ width: '100%' }">
          <u-search
            placeholder="请输入商户姓名或电话"
            shape="round"
            v-model="keyword"
            :show-action="false"
          ></u-search>
        </view>
        <!-- <view @click="celendarM" class="celendar">
                <img :style="{ width:'1.1rem',height:'1.1rem', margin:'0rem 0.5rem'}" src="../../style/image/stati/日历@3x.png" alt="">
                <view>2019.10.09</view>
                </view> -->
      </view>
    </view>


                 <view class="b">

             <view class="posInfoP" v-for="(item,index) in equiptmentLists" :key="index" >

                <view class="posInfoP-top">

                <view style="
font-size: 0.7rem;
font-family: PingFang SC;
font-weight: 400;
color: #000000;" >U600底座</view>

                <view class="posInfoP-top-right">
                           <view class="items" >
                            <img src="../../style/image/Shome/tequipt.jpg" alt="">

                            <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #02AF74;" >弹出设备</view>
                           </view>
                           
                </view>

                </view>

                <view  class="fen" >

                    <view class="itemss">
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;" >铺货时间</view>
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;">曾伟</view>
                    </view>
                      <view class="itemss">
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;" >联系人</view>
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;">曾伟</view>
                    </view>  <view class="itemss">
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;" >联系人</view>
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;">曾伟</view>
                    </view>  <view class="itemss">
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;" >联系人</view>
                        <view style="
font-size: 0.65rem;
font-family: PingFang SC;
font-weight: 300;
color: #333333;">曾伟</view>
                    </view>
                   
                
                </view>

                

             </view>
             
             </view>


    </view>
      

    </view>

    </view>
</template>

<script lang='ts' >

 import { Component, Prop,Vue, Watch ,Emit} from 'vue-property-decorator'


 @Component({     //   @Component  是一个装修器   不可以在下面写语句
        name: 'test',
    })  
    
    export default class extends Vue {
 
     @Prop({
            type: String, // 父组件传递给子组件的数据类型
            required: false, // 是否必填
            default: ' ' // 默认值， 如果传入的是 Object，则要 default: ()=>({}) 参数为函数
        }) msg!:string;


     public list = [
    {
      name: `商户信息`,
      count: 5,
    },
    {
      name: "设备信息",
      ate_count: 5,
    },

  ]
  public current = 0


     equiptmentLists=[
      {},{}
     ]
       
         created() {
          }

          mounted() {
              //  console.log('父组件传递的参数:',this.$parent)   //暂时不考虑

          }

          goEditBasicM(){
        
        console.log(123)
             uni.navigateTo({
                 url: "../myPos/editBasic",
                });
          }

 tabsChange(index: any) {
//    document.body.scrollTop = document.documentElement.scrollTop = 0;
    console.log(index);

    this.current = index;

    
    // this.swiperCurrent = index;
  }

    }
</script>

<style  scoped>

>>> .u-image__loading {
 border-radius: 10px;
 background-color: rgb(243, 244, 246);
}


.posDetailed{
 background-color: #f3f5f7;
 height: 100vh;
  }

.posInfoP{
    margin: 0.5rem;
    background-color: white;
    border-radius: 0.3rem;
    padding: 0.5rem 0.3rem;
}

.posInfoP-top{
    display: flex;
    border-bottom: 1rpx solid #eaeef1;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
    justify-content: space-between;
    align-items: center;
}
.posInfoP-top-right{

display: flex;
}
.posInfoP-top-right > .items {

display: flex;
}

.items{
display: flex;
align-items: center;
}

.items>img {
width: 0.6rem;
height: 0.6rem;
margin: 0rem 0.5rem;
}
.imgP{
margin: 0.5rem;
border-radius: 1rem;
width: 11rem;
}
.posInfoP-bottom{

 display: flex;
}

.a{
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin: 0.5rem;
    background-color: white;
    padding: 0.5rem;
    border-radius: 0.3rem;
}

.texts{

font-size: 0.7rem;
font-family: PingFang SC;
font-weight: 300;
color: #000000;
}


.itemss{

    padding: 0.2rem;
    display: flex;  
    align-items: center;
    justify-content: space-between;
}





/* ////// */

.searchPP {
  background-color: white;
  padding: 0.5rem;
}
.searchP {
  background-color: white;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
</style>